.null{
    margin: auto;
    width: 1905px;
    border-bottom: 2px dashed black;
}

/*互联网板块*/
body{
    margin: 0;
    padding: 0;
}

a{
    /*消除下划线*/
    text-decoration: none;
}

.nav a {
    /*color: #fdfffe;*/
    color: black;
    padding: 0 10px 10px 10px;

}
.nav {
    list-style: none;
    height: 30px;
    /*border-bottom: 10px solid black;*/
    /*border-top:8px solid black;*/
    margin-top: 22px;
    padding-left: 50px;
    font-weight: bold;
}

.nav li {
    float:left
}
.nav li a {
    display:block;
    height:30px;
    text-align:center;
    line-height:30px;
    /*background:black;*/
    background:#fdfffe;
    margin-left:10px;
}
/*.nav li a.on, */
.nav li a:hover {
    color: #67b803;
    padding: 0 10px 10px 10px;
    border-bottom: 3px solid #67b803;
}

.top_bar{
    width: 975px;
    height: 70px;
    margin: auto;
    /*border-bottom: 1px dashed black;*/
}

.top_bar span{
    margin-top: 10px;
    float: left;
    display: block;
}

.top_bar ul{
    float: right;
    display: block;
}


.mokuai1 b{
    text-align: center;
    line-height: 35px;
    font-size: 30px;
}
.mokuai1 a{
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    color: #b6b6b6;
}
.mokuai2{
    width: 1905px;
    height: 750px;
    background-color:#303f4d;
}
.mokuai3{
    /*padding-left: 28%;*/
    margin: auto;
    width: 838px;
    text-align: center;
}
.web1{
    background-color: #3bc2e9;
    width: 155px;
    height: 155px;
    padding: 28px;
    float: left;
    margin-right: 100px;
    margin-top: 30px;
    text-align: center;
}
.produce1{
    background-color: #eaece3;
    width: 155px;
    height: 155px;
    padding: 28px;
    float: left;
    margin-right: 100px;
    margin-top: 30px;
    text-align: center;
}
.ui1{
    background-color: #abdecd;
    width: 155px;
    height: 155px;
    padding: 28px;
    float: left;
    margin-top: 30px;
    text-align: center;
}
.introduce1{
    clear: both;
    width: 140px;
    height: 200px;
    font-size: 15px;
    padding-right: 171px;
    padding-left: 25px;
    margin-top: 40px;
    text-align: center;
}
.introduce1 ul{
    display: inline-block;
    /*padding-left: 0;*/
    list-style: none;
    line-height: 25px;
    font-size: 16px;
    color: #FFFFFF;
}
.introduce1 li{
    padding: 0px ;
    list-style: none;
}
.introduce2{
    width: 140px;
    height: 200px;
    font-size: 15px;
    margin-top: 40px;
    padding-right: 171px;
    text-align: center;
}
.introduce2 ul{
    display: inline-block;
    padding-left: 0;
    list-style: none;
    line-height: 25px;
    color: #FFFFFF;
}
.introduce2 li{
    padding: 0px ;
    list-style: none;
}
.introduce3{
    width: 140px;
    height: 200px;
    font-size: 15px;
    margin-top: 40px;
    padding-right: 50px;
    text-align: center;
}
.introduce3 ul{
    display: inline-block;
    padding-left: 0;
    list-style: none;
    line-height: 25px;
    color: #FFFFFF;
}
.introduce3 li{
    padding: 0px ;
    list-style: none;
}
.end{
    clear: both;
    /*padding-left: 30px;*/
}


/*自媒体板块*/
.title {
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 30px;
    font-size: x-large;
    font-weight:bold;
    text-align: center;
}

.media{

}

.hezi1 {
    width: 930px;
    height: 300px;
    /*padding-left: 22%;*/
    /*margin-bottom: 0px;*/
    /*margin-top: auto;*/
    margin: auto;
    display: block;
}

.hezi2 {
    width: 910px;
    height: 200px;
    margin: auto;
    display: block;
}

.introduce01 {
    /*float: left;*/
    clear: both;
    width: 195px;
    height: 200px;
    font-size: 16px;
    line-height: 25px;
    /*padding-left: 30%;*/
    padding-right: 70px;
    padding-left: 29px;
    margin: 26px;
    text-align: center;
}

.introduce01 ul {
    width: 150px;
    /*display: inline-block;*/
    padding-left: 0;
    list-style: none;
    color: black;
}

.introduce01 li {
    padding: 0px;
    list-style: none;
    color: #7d97f8;
}

.introduce02 {
    /*float: left;*/
    width: 195px;
    height: 200px;
    font-size: 16px;
    line-height: 25px;
    margin: 26px;
    padding-right: 70px;
    text-align: center;
}

.introduce02 ul {
    width: 150px;
    /*display: inline-block;*/
    padding-left: 0;
    list-style: none;
    color: black;
}

.introduce02 li {
    padding: 0px;
    list-style: none;
    color: #7d97f8;
}

.introduce03 {
    /*float: left;*/
    width: 195px;
    height: 200px;
    line-height: 25px;
    font-size: 16px;
    margin: 26px;
    text-align: center;
    /* padding-right: 50px; */
}

.introduce03 ul {
    width: 150px;
    /*display: inline-block;*/
    padding-left: 0;
    list-style: none;
    color: black;
}

.introduce03 li {
    padding: 0px;
    list-style: none;
    color: #7d97f8;
}

* {
    margin: 0;
    padding: 0;
}

.picture {
    width: auto;
    text-align: left;
}

.picture picture1 {
    float: left;
    width: 226px;
}

.picture picture2 {
    float: left;
    width: 226px;

}

.picture picture3 {
    float: left;
    width: 226px;

}
.p1{
    position: absolute;
    z-index: 1;
    /* left: 10px;
    top: 10px; */
}
.p2{
    position: absolute;
    z-index: 1;
    /* left: 10px;
    top: 10px; */
}
.p3{
    position: absolute;
    z-index: 1;
    /* left: 10px;
    top: 10px; */
}
/*.search {*/
/*    !* float: left; *!*/
/*    text-align: center;*/
/*    !* padding: 200px; *!*/
/*    height: 300px;*/

/*}*/

/*.search input {*/
/*    width: 400px;*/
/*    height: 40px;*/
/*    !* border: 1px solid #3761e2; *!*/
/*    border-right: 0px;*/
/*    color-interpolation-filters: auto;*/
/*}*/